<template>
  <div class="setting-contain">
    <el-card>
      <el-form :inline="true" style="margin: 5px 20px 0">
        <el-form-item label="账号：">
          <el-input
            size="mini"
            placeholder="请输入账号"
            style="padding-right: 60px;"
          />
        </el-form-item>
        <el-form-item label="姓名：">
          <el-input
            size="mini"
            placeholder="请输入姓名"
            style="padding-right: 60px;"
          />
        </el-form-item>
        <el-form-item label="手机号：">
          <el-input
            size="mini"
            placeholder="请输入手机号码"
            style="padding-right: 60px;"
          />
        </el-form-item>
        <el-form-item>
          <el-button
            size="mini"
            type="primary"
            style="margin-right: 20px;"
          >查询</el-button>
          <el-button size="mini" type="warning">重置</el-button>
        </el-form-item>
      </el-form>
    </el-card>
    <el-button
      size="small"
      type="primary"
      style="margin: 10px 20px"
    >新增账号</el-button>
    <el-card>
      <el-table :data="list" :highlight-current-row="true">
        <el-table-column label="帐号" prop="accNum" />
        <el-table-column label="姓名" prop="name" />
        <el-table-column label="联系电话" prop="phone" />
        <el-table-column label="职位" prop="position" />
        <el-table-column label="状态" prop="state" />
        <el-table-column align="center" label="操作" width="300">
          <el-button size="mini" type="primary">编辑</el-button>
          <el-button size="mini" type="warning">重置密码</el-button>
          <el-button size="mini" type="info">停用</el-button>
          <el-button size="mini" type="danger">删除</el-button>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'Nnn',
  components: {},
  props: {},
  data() {
    return {
      list: [
        {
          accNum: 1010,
          name: '张三',
          phone: 13888888888,
          position: '董事长',
          state: '启用'
        },
        {
          accNum: 1011,
          name: '李四',
          phone: 13777777777,
          position: '总经理',
          state: '启用'
        },
        {
          accNum: 10011,
          name: '王五',
          phone: 13666666666,
          position: '客服',
          state: '停用'
        }
      ]
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style scoped>
.setting-contain {
  padding: 20px;
}
</style>
